<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城</title>
    
    <link rel="icon" href="img/favicon.ico">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/personal.css">
    <link rel="stylesheet" href="css/special font.css">
    
</head>
<body>
    <!-- header_nav模板 -->
    <div class="header_nav">
        <div class="header_nav_center">
            <div class="header_nav_left">
                <ul>
                    <li><a href="shouye.html">首页</a></li>
                    <li><a href="javascript:;">华为官网</a></li>
                    <li><a href="javascript:;">V码(优购码)</a></li>
                    <li><a href="javascript:;">企业购</a></li>
                    <li><a href="javascript:;">Select Region</a></li>
                    <li class="gengduojingcai"><a href="javascript:;" class="a_special">更多精彩<span class="header_nav_span"></span></a>
                        <!-- 更多精彩下拉菜单 -->
                        <div class="gengduojingcai_xialacaidan">
                            <ul>
                                <li><a href="javascript:;">HarmonyOS</a></li>
                                <li><a href="javascript:;">应用市场</a></li>
                                <li><a href="javascript:;">华为终端云空间</a></li>
                                <li><a href="javascript:;">开发者联盟</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="header_nav_right">
                <ul>
                    <li><a href="css/denglu.html">请登录</a></li>
                    <li><a href="zhucecom.html">注册</a></li>
                    <li><a href="personal.html">个人中心</a></li>
                    <li class="kefu"><a href="javascript:;" class="a_special">客服<span class="header_nav_span"></span></a>
                        <!-- 客服下拉菜单 -->
                        <div class="kefu_xialacaidan">
                            <ul>
                                <li><a href="javascript:;">服务中心</a></li>
                                <li><a href="javascript:;">联系客服</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="wangzhan"><a href="javascript:;" class="a_special">网站导航<span class="header_nav_span"></span></a>
                        <!-- 网站导航下拉菜单 -->
                        <div class="wangzhan_xialacaidan">
                            <ul>
                                <li class="lis_one lis_huidaozhuye">
                                    <a href="shouye.html">
                                    <div class="huidaoshouye">
                                        
                                    </div>
                                    <span>
                                        商城首页
                                    </span>
                                    </a>
                                </li>
                                <li class="lis_one">
                                    <ul>
                                        <li class="lis_title">频道</li>
                                        <li><a href="javascript:;">华为专区</a></li>
                                        <li><a href="javascript:;">教育优惠</a></li>
                                        <li><a href="javascript:;">企业购</a></li>
                                        <li><a href="javascript:;">HarmonyOS</a></li>
                                    </ul>
                                </li>
                                <li class="lis_one">
                                    <ul>
                                        <li class="lis_title">产品</li>
                                        <li><a href="javascript:;">手机</a></li>
                                        <li><a href="javascript:;">平板</a></li>
                                        <li><a href="javascript:;">智能家居</a></li>
                                        <li><a href="javascript:;">耳机音箱</a></li>
                                        <li><a href="javascript:;">生态产品</a></li>
                                        <li><a href="javascript:;">笔记本</a></li>
                                        <li><a href="javascript:;">智能穿戴</a></li>
                                        <li><a href="javascript:;">智慧屏</a></li>
                                        <li><a href="javascript:;">热销配件</a></li>
                                        <li><a href="javascript:;">增值服务</a></li>
                                    </ul>
                                </li>
                                <li class="lis_one">
                                    <ul>
                                        <li class="lis_title">增值服务</li>
                                        <li><a href="javascript:;">以旧换新</a></li>
                                        <li><a href="javascript:;">一口价换电池</a></li>
                                        <li><a href="javascript:;">穿戴延保</a></li>
                                        <li><a href="javascript:;">活动公告</a></li>
                                        <li><a href="javascript:;">补够保障</a></li>
                                        <li><a href="javascript:;">音频延保</a></li>
                                        <li><a href="javascript:;">智慧屏全质保</a></li>
                                    </ul>
                                </li>
                                <li class="lis_one">
                                    <ul>
                                        <li class="lis_title">会员</li>
                                        <li><a href="javascript:;">会员通道</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="shoujiban">
                        <a href="javascript:;">手机版<span class="header_nav_span"></span>
                            <!-- 手机版下拉菜单 -->
                            <div class="shoujiban_xialacaidan">
                                <ul>
                                    <li>
                                        <a href="javascript:;">
                                            <div class="shoujiban_xialacaidan_img">
                                                <img src="img/20221123112757.png" alt="">
                                            </div>
                                            <div class="shoujiban_xialacaidan_right">
                                                <div class="shoujiban_xialacaidan_right_message">
                                                    <h3>华为商城APP</h3>
                                                    <p class="shoujiban_xialacaidan_right_message_p">新人专享好礼最高5000积分</p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <div class="shoujiban_xialacaidan_img">
                                                <img src="img/20221123112845.png" alt="">
                                            </div>
                                            <div class="shoujiban_xialacaidan_right">
                                                <div class="shoujiban_xialacaidan_right_message">
                                                    <h3>华为商城公众号</h3>
                                                    <p>微信扫一扫</p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <div class="shoujiban_xialacaidan_img">
                                                <img src="img/20221123112901.png" alt="">
                                            </div>
                                            <div class="shoujiban_xialacaidan_right">
                                                <div class="shoujiban_xialacaidan_right_message">
                                                    <h3>微信小程序</h3>
                                                    <p>微信扫一扫</p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </a>  
                    </li>
                    <li class="gouwuche"><a href="gouwuche.html"><span class="header_nav_span"></span>购物车</a>
                    
                    </li>
                </ul>
            </div>
        </div>
        
    </div>

    <!-- header_logo_input模板 -->
    <div class="header_logo_input">
        <div class="header_logo_input_center">
            <div class="header_logo">
                <a href="javascript:;">
                    <img src="img/logo_app.png" alt="">
                </a>
            </div>
            <div class="header_logo_input_mid">
                <ul>
                    <li><a href="javascript:;">华为专区</a></li>
                    <li><a href="javascript:;">鸿蒙智联</a></li>
                    <li><a href="javascript:;">莫塞尔</a></li>
                    <li><a href="javascript:;">华为智选</a></li>
                    <li><a href="javascript:;">HarmonyOS</a></li>
                    <li><a href="javascript:;">特惠企采</a></li>
                    <li><a href="javascript:;">教育购</a></li>
                </ul>
            </div>
            <div class="header_input">
                <a href="javascript:;"></a>
            </div>
        </div>
        
    </div>

    <!-- 中心内容 -->
<div class="bigbox">
    <div class="header-xia">
        <a href="shouye.html" class="shouyecss">首页</a>
        <a class="geren">&gt;个人中心</a>
    </div>
    <div class="p-center">
        <div class="center-person-color"></div>
        <div class="center-person">
            <div class="cen-tou">
                <img src="img/touxiang.png" class="touxiang">
                <a href="css/denglu.html" class="qing">登录/注册</a>
                <a class="huiyuan">V0会员</a>
                <a class="quanyi">我的权益</a>
                <a class="dizhi">收货地址</a> 
                <div class="cen-box-f">
                    <div class="cen-jifen">
                        <a>积分</a>
                        <a>----</a>
                        <img src="img/jinbi.png" class="jifen-f">
                    </div>
                    <div class="cen-youhui">
                        <a>优惠券</a>
                        <a>----</a>
                        <img src="img/youhuijuan.png" class="youhui-f">
                    </div>
                    <div class="cen-daijin">
                        <a>优惠券</a>
                        <a>----</a>
                        <img src="img/daijinjuan.png" class="daijin-f">
                    </div>
                </div>
            </div>
        </div>

        <div class="cen-dingdan">
            <div class="dd-my">
                <a class="text-my">我的订单</a>
                <div class="dd-all">
                    <a class="text-all">全部订单&gt;</a>
                </div>
            </div>

            <div class="bottom-dingdan">
                <div class="dai-pay">
                    <img src="img/待付款.png" class="dp">
                    <a class="text-dp">待付款</a>
                </div>
                <div class="dai-arrive">
                    <img src="img/待收货.png" class="ar">
                    <a class="text-ar">待收货</a>
                </div>
                <div class="dai-pingjia">
                    <img src="img/待评价.png" class="pj">
                    <a class="text-pj">待评价</a>
                </div>
                <div class="dai-tuitui">
                    <img src="img/退货.png" class="tt">
                    <a class="text-tt">退换退款</a>
                </div>
                <div class="dai-huishou">
                    <img src="img/回收单.png" class="hs">
                    <a class="text-hs">回收单</a>
                </div>
            </div>
        </div>
        
        <div class="pindao">
            <div class="text-pd">
                <div class="mypingdao">我的频道</div>
            </div>
            <div class="pd-box">
                <div class="pd-vip">
                    <img src="img/vip111.webp" class="vip-img">
                    <a class="vip-text">会员频道</a>
                </div>
                <div class="pd-jifen">
                    <img src="img/jin111.webp" class="jifen-img">
                    <a class="jifen-text">我的积分</a>
                </div>
                <div class="pd-education">
                    <img src="img/jiaoyu.webp" class="ed-img">
                    <a class="ed-text">教育商店</a>
                </div>
                <div class="pd-gonggao">
                    <img src="img/gonggao.webp" class="gg-img">
                    <a class="gg-text">商城公告</a>
                </div>
                <div class="pd-qiye">
                    <img src="img/qiyegou.png" class="qy-img">
                    <a class="qy-text">企业购</a>
                </div>
            </div>
        </div>
            
        <div class="fuwu">
            <div class="text-fuwu">
                <div class="fuwugongju">服务工具</div>
            </div>
            <div class="fw-box">
                <div class="fw-zizhu">
                    <img src="img/zizhufuwu.webp" class="zz-img">
                    <a class="zz-text">自助服务</a>
                </div>
                <div class="fw-dizhi">
                    <img src="img/shouhuodizhi.webp" class="dz-img">
                    <a class="dz-text">收货地址</a>
                </div>
                <div class="fw-huanxin">
                    <img src="img/yijiuhuanxin.webp" class="hx-img">
                    <a class="hx-text">以旧换新</a>
                </div>
                <div class="fw-baozhang">
                    <img src="img/baozhang.webp" class="bz-img">
                    <a class="bz-text">补购保障</a>
                </div>
                <div class="fw-xiaoxi">
                    <img src="img/xiaoxi.webp" class="xx-img">
                    <a class="xx-text">消息中心</a>
                </div>
                <div class="fw-yinsi">
                    <img src="img/yinshi.webp" class="ys-img">
                    <a class="ys-text">隐私设置</a>
                </div>
            </div>
        </div>
    </div>
</div> 


    <!-- 底部 -->
    <footer>
        <div class="footer_center">
            <div class="footer_center_one">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <div class="img">
                                <img src="img/35029C2650265248A5C45BC46E0D7578.webp" alt="">
                            </div>
                            <div class="function">
                                百强企业 品质保证
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="img">
                                <img src="img/848285C26D6B91405D84D71CC8D738F2.webp" alt="">
                            </div>
                            <div class="function">
                                7天退货 15天换货
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="img">
                                <img src="img/09CE412E94E10830D00A2487756EBEE4.webp" alt="">
                            </div>
                            <div class="function">
                                48元起免运费
                            </div>
                        </a>
                </li>
                    <li>
                        <a href="javascript:;">
                            <div class="img">
                                <img src="img/EABCAA990C477793FB6F09658BF80B82.webp" alt="">
                            </div>
                            <div class="function">
                                2000家服务店 全国联保
                            </div>
                        </a>
                </li>
                </ul>
            </div>


            <div class="footer_center_two">
                <div class="footer_center_two_left">
                    <ul>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">购物指南</li>
                                <li class="lis"><a href="javascript">免息分期</a></li>
                                <li class="lis"><a href="javascript">以旧换新</a></li>
                                <li class="lis"><a href="javascript">众测活动</a></li>
                                <li class="lis"><a href="javascript">企业购</a></li>
                                <li class="lis"><a href="javascript">O2O采购</a></li>
                            </ul>
                        </li>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">售后服务</li>
                                <li class="lis"><a href="javascript:;">门店维修</a></li>
                                <li class="lis"><a href="javascript:;">保修政策</a></li>
                                <li class="lis"><a href="javascript:;">防伪查询</a></li>
                                <li class="lis"><a href="javascript:;">退换货政策</a></li>
                                <li class="lis"><a href="javascript:;">手机寄修服务</a></li>
                                <li class="lis"><a href="javascript:;">维修备件价格查询</a></li>
                            </ul>
                        </li>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">维修与技术支持</li>
                                <li class="lis"><a href="javascript">服务店</a></li>
                                <li class="lis"><a href="javascript">预约维修</a></li>
                                <li class="lis"><a href="javascript">手机寄修</a></li>
                                <li class="lis"><a href="javascript">配件价格查询</a></li>
                                <li class="lis"><a href="javascript">上门服务</a></li>
                            </ul>
                        </li>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">特色服务</li>
                                <li class="lis"><a href="javascript">防伪查询</a></li>
                                <li class="lis"><a href="javascript">补够保障</a></li>
                                <li class="lis"><a href="javascript">以旧换新</a></li>
                                <li class="lis"><a href="javascript">礼品包装</a></li>
                            </ul>
                            
                        </li>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">关于我们</li>
                                <li class="lis"><a href="javascript">公司介绍</a></li>
                                <li class="lis"><a href="javascript">华为零售店</a></li>
                                <li class="lis"><a href="javascript">商家中心</a></li>
                                <li class="lis"><a href="javascript">意见反馈</a></li>
                            </ul>
                            
                        </li>
                        <li class="li_zong">
                            <ul>
                                <li class="li_special">友情链接</li>
                                <li class="lis"><a href="javascript">华为集团</a></li>
                                <li class="lis"><a href="javascript">华为消费服务者业务</a></li>
                                <li class="lis"><a href="javascript">华为云</a></li>
                                <li class="lis"><a href="javascript">华为应用市场</a></li>
                                <li class="lis"><a href="javascript">华为心声社区</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="footer_center_two_right">
                    <h3>950805</h3>
                    <p>7×24小时客服热线(仅收市话费)</p>
                    <div class="zaixiankefu">
                        <a href="javascript:;">
                            <span></span>
                            <p class="zaixiankefu_p">在线客服</p>
                        </a>
                    </div>
                    <div class="guzhu">
                        <div class="guanzhu_vmall">关注VMALL:</div>
                        <ul>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                            <li><a href="javascript:;"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>

</body>